<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title><spring:message code="system.name" /></title>

    <!-- basic styles -->
    <link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="${ctx}/assets/css/font-awesome.min.css" />

    <!--[if IE 7]>
    <link rel="stylesheet" href="${ctx}/assets/css/font-awesome-ie7.min.css" />
    <![endif]-->

    <!-- fonts -->
    <link rel="stylesheet" href="${ctx}/assets/css/OpenSans.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="${ctx}/assets/css/ace.min.css" />
    <link rel="stylesheet" href="${ctx}/assets/css/ace-rtl.min.css" />
    <link rel="stylesheet" href="${ctx}/assets/css/ace-skins.min.css" />

    <!--[if lte IE 8]>
    <link rel="stylesheet" href="${ctx}/assets/css/ace-ie.min.css" />
    <![endif]-->

    <!-- ace settings handler -->
    <script src="${ctx}/assets/js/ace-extra.min.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="${ctx}/assets/js/html5shiv.js"></script>
    <script src="${ctx}/assets/js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="login-layout">
<div class="main-container">
<div class="main-content">
    <div class="row">
        <div class="col-sm-10 col-sm-offset-1">
        <div class="login-container">
            <div class="center">
                <h1>
                    <i class="icon-leaf green"></i> <span class="red">
                    <spring:message code="system.name" /></span>
                </h1>
            </div>
            <div class="space-6"></div>
            <div class="position-relative">
                <div id="login-box" class="login-box visible widget-box no-border">
                    <div class="widget-body">
                    <div class="widget-main">
                        <h4 class="header blue lighter bigger">
                            <i class="icon-coffee green"></i>
                            <spring:message code="login.title" />
                        </h4>

                        <div class="space-6"></div>
                        <form action="${ctx}/loginSubmit" method="post">
                            <fieldset>
                                <label class="block clearfix"><font color="red">${message}</font></label>
                                <label class="block clearfix">
                                    <span class="block input-icon input-icon-right">
                                        <input type="text" name="username" class="form-control" placeholder="<spring:message code="login.username" />" />
                                            <i class="icon-user"></i>
                                    </span>
                                </label>
                                <label class="block clearfix">
                                    <span class="block input-icon input-icon-right">
                                        <input type="password" name="password" class="form-control" placeholder="<spring:message code="login.password" />" />
                                            <i class="icon-lock"></i>
                                    </span>
                                </label>

                                <div class="space"></div>
                                <div class="clearfix">
                                    <button type="button" onclick="submit()" class="width-35 pull-right btn btn-sm btn-primary">
                                        <i class="icon-key"></i><spring:message code="btn.submit" />
                                    </button>
                                </div>
                                <div class="space-4"></div>
                            </fieldset>
                        </form>
                    </div><!-- /widget-main -->
                    </div><!-- /widget-body -->
                </div><!-- /login-box -->
            </div><!-- /position-relative -->
        </div>
        </div><!-- /.col -->
    </div><!-- /.row -->
</div>
</div>
<!-- /.main-container -->
<!-- basic scripts -->
<!--[if !IE]> -->
<script type="text/javascript">
    window.jQuery || document.write("<script src='${ctx}/assets/js/jquery-2.0.3.min.js'><script>");
</script>
<!-- <![endif]-->
<!--[if IE]>
<script type="text/javascript">
    window.jQuery || document.write("<script src='${ctx}/assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
</script>
<![endif]-->

<script src="${ctx}/assets/js/bootstrap.min.js"></script>
<script src="${ctx}/assets/js/typeahead-bs2.min.js"></script>

<!--[if lte IE 8]>
<script src="${ctx}/assets/js/excanvas.min.js"></script>
<![endif]-->

<script src="${ctx}/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="${ctx}/assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="${ctx}/assets/js/jquery.slimscroll.min.js"></script>
<script src="${ctx}/assets/js/jquery.easy-pie-chart.min.js"></script>
<script src="${ctx}/assets/js/jquery.sparkline.min.js"></script>
<script src="${ctx}/assets/js/flot/jquery.flot.min.js"></script>
<script src="${ctx}/assets/js/flot/jquery.flot.pie.min.js"></script>
<script src="${ctx}/assets/js/flot/jquery.flot.resize.min.js"></script>

<!-- ace scripts -->
<script src="${ctx}/assets/js/ace-elements.min.js"></script>
<script src="${ctx}/assets/js/ace.min.js"></script>
</body>
</html>

